<link rel="stylesheet" type="text/css" href="../Styles/css_main.css">

<style type="text/css">

#propostas_user{
	width:99%;
	margin-top: 30px;
	margin-left: 20px;
	position:absolute;
}

.hint{
	width: 400px;	
}

.hint p {
    margin-top: 0px;
    padding-top: 6px;

}

.proposta {
	margin-top: 20px;
	margin-left: 20px;
	width: 98%;
	height: 250px;
	border-radius: 7px;
	position:relative;
	/* float: left; */
}

.exemplar_dono {
	float:left;
	margin-left: 13%;
	width: 130px;
	height: 170px;
	border-radius: 7px;
}

.exemplar_interessado {
	margin-right: 1%;
	float: right;
	width: 500px;
	height: 170px;
	border-radius: 7px;
}

.contato {
	background-color: #FF270D; 
	width: 35%; 
	border-radius: 7px; 
	position:absolute; 
	bottom: 0;
	height: 20px; 
	
	display: none;
}


</style>

<script type="text/javascript">

	margin_exemplares_interessados = 500;
	
	function reseta_margem(){
		margin_exemplares_interessados = 500;
	}
	
	function controlaProposta(){
		
		var id_div = "";
		var img_src = "";
		var p_item = "";
		
		if ($('#propostas_user').height() > 600){
			$('#principal').css('height',  $('#propostas_user').height() + 80);
		}
		
		$(".proposta").on("mouseover", function() {
			$(this).css("background", "#98A0A3");
			
			idproposta = $(this).attr('id');
			$('#' + idproposta + '_contato').css('display', 'block');
		})
		
		$(".proposta").on("mouseout", function() {
			$(this).css("background", "#CCCCCC");
			
			idproposta = $(this).attr('id');
			$('#' + idproposta + '_contato').css('display', 'none');
		})
	}
	
	function acomodaExemplares(idexemplar, idproposta){
		exemplar = $('#' + idexemplar + '_' + idproposta + '_exemplar');
		margin_exemplares_interessados = (margin_exemplares_interessados - parseInt(exemplar.css('width'), 10));
		exemplar.css('margin-left', margin_exemplares_interessados);
	}
	
	
</script>


<div id="propostas_user">

<?php 

	require_once ('../Controller/busca_proposta_user.php');

	function listaProposta($busca){
		
		global $propostas;
		$teste = 0;
				
		if(empty($propostas)) {
			echo '<div id="semitens" class="centro_azul borda-arredondada hint"><p>Você ainda não tem propostas, reze 15 ave marias. <p></div>';
		} else {
			for ($x = 0; $x < count($propostas); $x++) {
			?>
                         
                <div id="<?php echo $propostas[$x]->proposta; ?>" class="proposta">
                    <p id="status_proposta" align="center" style=" padding-top:10px; font-style: italic; font-size: 14px;"><?php echo "Proposta: ".$propostas[$x]->proposta." | Forma de Troca: <b>".$propostas[$x]->ds_formatroca."</b> | Status: <b>".$propostas[$x]->ds_status."</b>" ?></p>
					
					<?php // Dono, Pendente 
						 if ($propostas[$x]->cdUsuario_dono == $_SESSION['idUsuario'] &&
							 $propostas[$x]->status == 1) { ?>
							<p id="link_prop" align="center" style="margin-top:10px; ">
								<a href="#" onclick="confirmaProposta('<?php echo $propostas[$x]->proposta; ?>');" style="color:#090;">Confirma</a> | 
								<a href="#" onclick="recusaProposta('<?php echo $propostas[$x]->proposta; ?>');" style="color:#F00;">Recusa</a>
							</p>
                    <?php } ?>
					
					<?php // Ambos, Aprovado
						if ($propostas[$x]->status == 2) { ?>
							<?php if ($propostas[$x]->cdUsuario_dono == $_SESSION['idUsuario']) { ?>
								<?php if ($propostas[$x]->flgTroca_dono == 0) { ?>
									<p id="link_prop" align="center" style="margin-top:10px; ">Foi efetuada a troca?
										<a href="#" onclick="efetuaTroca('<?php echo $propostas[$x]->proposta; ?>', '<?php echo $_SESSION['idUsuario']; ?>');" style="color:#090;">Sim</a> | 
										<a href="#" onclick="recusaProposta('<?php echo $propostas[$x]->proposta; ?>');" style="color:#F00;">N&atilde;o</a>
									</p>
								<?php } ?>
							<?php } else { ?>
								<?php if ($propostas[$x]->flgTroca_interessado == 0) { ?>
									<p id="link_prop" align="center" style="margin-top:10px; ">Foi efetuada a troca?
										<a href="#" onclick="efetuaTroca('<?php echo $propostas[$x]->proposta; ?>', '<?php echo $_SESSION['idUsuario']; ?>');" style="color:#090;">Sim</a> | 
										<a href="#" onclick="recusaProposta('<?php echo $propostas[$x]->proposta; ?>');" style="color:#F00;">N&atilde;o</a>
									</p>
								<?php } ?>
							<?php } ?>
                    <?php } ?>
					
                    <div id="<?php echo $propostas[$x]->proposta; ?>_dono" class="exemplar_dono">
                        <p id="nome_dono" align="center" style="font-style: italic; font-size: 11px;"><?php echo $propostas[$x]->nmUsuario_dono; ?></p>
                        <img src="../Content/itens/<?php echo $propostas[$x]->cdItem_dono; ?>.jpg" width="90" height="90" style="border-radius: 80px;margin-top: 10px;margin-bottom: 10px;margin-left: 20px;"/>
                        <p id="item_dono" align="center"><?php echo $propostas[$x]->nmItem_dono; ?></p>
                        <p id="dados_dono" align="center" style="font-style: italic;"><?php echo '('.$propostas[$x]->dsPlataformaExemplar_dono.')'; ?></p>
                    </div>
					
					<?php if ($propostas[$x]->cdUsuario_dono == $_SESSION['idUsuario']) { ?>
                    	<img src="../Content/seta_fundo.png" width="90" height="90" style="border-radius: 80px; margin-top: 20px; margin-left: 22%;"/>
                    <?php } else { ?>
                    	<img src="../Content/seta_fundo2.png" width="90" height="90" style="border-radius: 80px; margin-top: 20px; margin-left: 22%;"/>
                    <?php } ?>
					
					<div id="<?php echo $propostas[$x]->proposta; ?>_interessado" class="exemplar_interessado">
					
						<p id="nome_interessado" align="center" style="font-style: italic; font-size: 11px;"><?php echo $propostas[$x]->nmUsuario_interessado; ?></p>
						
						<?php for ($y = 0; $y < count($propostas[$x]->ExemplaresInteressado->cdExemplar); $y++) { ?>
						
							<div id="<?php echo $propostas[$x]->ExemplaresInteressado->cdExemplar[$y]; ?>_<?php echo $propostas[$x]->proposta; ?>_exemplar" style="width: 153px; position: absolute;">
								<img src="../Content/itens/<?php echo $propostas[$x]->ExemplaresInteressado->cdItem[$y]; ?>.jpg" width="90" height="90" style="border-radius: 80px; margin-top: 10px; margin-bottom: 10px; margin-left: 31px; margin-right: 31px;"/> 
								<p id="<?php echo $propostas[$x]->ExemplaresInteressado->cdExemplar[$y]; ?>_item_interessado" align="center"><?php echo $propostas[$x]->ExemplaresInteressado->nmItem[$y]; ?></p>
								<p id="<?php echo $propostas[$x]->ExemplaresInteressado->cdExemplar[$y]; ?>_plataforma_interessado" align="center" style="font-style: italic;"><?php echo '('.$propostas[$x]->ExemplaresInteressado->dsPlataforma[$y].')'; ?></p>
							</div>
							<script>acomodaExemplares('<?php echo $propostas[$x]->ExemplaresInteressado->cdExemplar[$y]; ?>','<?php echo $propostas[$x]->proposta; ?>');</script>
							
						<?php } ?>
						
					</div>
					
					<?php // Ambos (diferentes), Pendente
						 if ($propostas[$x]->status == 2) {
							if ($propostas[$x]->cdUsuario_dono == $_SESSION['idUsuario']) { ?>
								<div id="<?php echo $propostas[$x]->proposta; ?>_contato" class="contato" style="right:0;">
									<p id="email_interessado" align="right" style="font-style:none; padding-top: 3px; padding-right: 10px; font-size: 13px;">Email:&nbsp; <i><?php echo $propostas[$x]->dsEmail_interessado; ?></i>, ou outras forma de contato. </p>
								</div>
                    <?php   } else { ?>
								<div id="<?php echo $propostas[$x]->proposta; ?>_contato" class="contato">
									<p id="email_dono" align="left" style="font-style:none; padding-top: 3px; padding-left: 10px; font-size: 13px;">Email:&nbsp; <i><?php echo $propostas[$x]->dsEmail_dono; ?></i>, ou outras forma de contato. </p>
								</div>
					<?php 	}
						 }	?>
					
					
					
                </div>	
				<script>reseta_margem();</script>
			<?php
			}		
			?>
				<script>controlaProposta();</script>
			<?php
		}
	}
	listaProposta("");
 ?>
</div>